const list = [
    {
        component: 'Areamap1',
        label: '面积图',
        icon: 'wenben',
        style: {
            width: 310,
            height: 200,
            'z-index': '1'
        },
        propValue: [],
        option: {

            legend: {
                data: ['用电量', '用水量'],
                icon: "circle",
                show: false,
                itemWidth: 10,
                itemheight: 10,
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                left: 'left',
                top: '38'
            },
            color: ['#71D1DD', '#EC9C81', '#F3E2DC', '#8885D3', '#EBAEA1', '#EBAEA1'],
            tooltip: {
                trigger: 'axis',
                axisPointer: {
                    // 坐标轴指示器，坐标轴触发有效
                    type: 'shadow', // 默认为直线，可选为：'line' | 'shadow'
                },
            },
            title: [{
                text: '月用电/用水趋势图',
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '18',
                },
                left: 'center',
            }, {
                text: '',
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '14',
                },
                left: 'left',
                top: '20',
            }],
            grid: {
                left: '3%',
                right: '3%',
                bottom: '3%',
                top: '40',
                containLabel: true,
            },
            xAxis: {
                data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],
                axisTick: { //刻度线
                    show: false,
                },
                axisLine: { //轴线
                    show: true,
                    lineStyle: {
                        color: '#35404e',
                        width: 2,
                    },
                },
                axisLabel: { //轴标签
                    show: true,
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                splitLine: { //网格线
                    show: false,
                    lineStyle: {
                        color: '#33333333',
                        type: 'dashed'
                    },
                }
            },
            yAxis: {
                type: 'value',
                axisTick: { //刻度线
                    show: false,
                },
                axisLine: { //轴线
                    show: false,
                    lineStyle: {
                        color: '#35404e',
                        width: 2,
                    },
                },
                axisLabel: { //轴标签
                    show: true,
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                splitLine: { //网格线
                    show: false,
                    lineStyle: {
                        color: '#33333333',
                        type: 'dashed'
                    },
                }
            },
            series: [{
                data: [820, 932, 901, 934, 1290, 1330, 1320],
                type: 'line',
                name: "用电量",
                symbol: "none",
                areaStyle: {

                },
                itemStyle: {

                },
                markPoint: {
                    data: [{
                        type: 'max',
                        name: '最大值',
                        symbolSize: 0,
                        label: {
                            show: false,
                            position: 'top',
                            color: '#00e6ff',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        }
                    },
                    {
                        type: 'min',
                        name: '最小值',
                        symbolSize: 0,
                        label: {
                            show: false,
                            position: 'top',
                            color: '#00e6ff',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        }
                    }
                    ]
                },
            }, {
                data: [720, 832, 501, 834, 690, 830, 920],
                type: 'line',
                name: "用水量",
                symbol: "none",
                areaStyle: {

                },
                itemStyle: {

                },
                markPoint: {
                    data: [{
                        type: 'max',
                        name: '最大值',
                        symbolSize: 0,
                        label: {
                            show: false,
                            position: 'top',
                            color: '#00e6ff',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        }
                    },
                    {
                        type: 'min',
                        name: '最小值',
                        symbolSize: 0,
                        label: {
                            show: false,
                            position: 'top',
                            color: '#00e6ff',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        }
                    }
                    ]
                },
            }
            ]
        }
    },

    {
        component: 'Areamap2',
        label: '面积图',
        icon: 'wenben',
        style: {
            width: 310,
            height: 200,
            'z-index': '1'
        },
        propValue: [],
        option: {
            legend: {
                data: ['用电量'],
                icon: "circle",
                show: false,
                itemWidth: 10,
                itemheight: 10,
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                left: 'left',
                top: '38'
            },
            color: ['#97A0EF', '#A2CA94', '#A3D1E8', '#F8B98C', '#F19A91', '#C39DE1'],
            tooltip: {
                trigger: 'axis',
                axisPointer: {
                    // 坐标轴指示器，坐标轴触发有效
                    type: 'shadow', // 默认为直线，可选为：'line' | 'shadow'
                },
            },
            title: [{
                text: '',
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '18',
                },
                left: 'left',
            }, {
                text: '',
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '14',
                },
                left: 'left',
                top: '20',
            }],
            grid: {
                left: '3%',
                right: '3%',
                bottom: '3%',
                top: '20',
                containLabel: true,
            },
            xAxis: {
                data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
                axisTick: { //刻度线
                    show: false,
                },
                axisLine: { //轴线
                    show: true,
                    lineStyle: {
                        color: '#35404e',
                        width: 2,
                    },
                },
                axisLabel: { //轴标签
                    show: true,
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                splitLine: { //网格线
                    show: false,
                    lineStyle: {
                        color: '#33333333',
                        type: 'dashed'
                    },
                }
            },
            yAxis: {
                type: 'value',
                axisTick: { //刻度线
                    show: false,
                },
                axisLine: { //轴线
                    show: false,
                    lineStyle: {
                        color: '#35404e',
                        width: 2,
                    },
                },
                axisLabel: { //轴标签
                    show: true,
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                splitLine: { //网格线
                    show: false,
                    lineStyle: {
                        color: '#33333333',
                        type: 'dashed'
                    },
                }
            },
            series: [{
                data: [50, 100, 150, 120, 90, 150, 250],
                stack: '总量',
                smooth: true,
                symbol: "none",
                type: 'line',
                name: '用电量',
                areaStyle: {},
                itemStyle: {

                },
                emphasis: {
                    focus: 'series'
                },
                markPoint: {
                    data: [{
                        type: 'max',
                        name: '最大值',
                        symbolSize: 0,
                        label: {
                            show: false,
                            position: 'top',
                            color: '#00e6ff',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        }
                    },
                    {
                        type: 'min',
                        name: '最小值',
                        symbolSize: 0,
                        label: {
                            show: false,
                            position: 'top',
                            color: '#00e6ff',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        }
                    }
                    ]
                },
            }]
        }
    },

    {
        component: 'Areamap3',
        label: '面积图',
        icon: 'wenben',
        style: {
            width: 310,
            height: 200,
            'z-index': '1'
        },
        propValue: [],
        option: {
            legend: {
                data: ['国内', '国外'],
                icon: "circle",
                show: false,
                itemWidth: 10,
                itemheight: 10,
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                left: 'left',
                top: '38'
            },
            color: ['#FFC0DD', '#DE6B8D', '#7162C9', '#A174CA', '#B8BAFF', '#D8EBF7'],
            tooltip: {
                trigger: 'axis',
                axisPointer: {
                    // 坐标轴指示器，坐标轴触发有效
                    type: 'shadow', // 默认为直线，可选为：'line' | 'shadow'
                },
            },
            title: [{
                text: '进出口贸易图',
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '18',
                },
                left: 'left',
            }, {
                text: '',
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '14',
                },
                left: 'left',
                top: '20',
            }],
            grid: {
                left: '3%',
                right: '3%',
                bottom: '3%',
                top: '40',
                containLabel: true,
            },
            xAxis: {
                data: ['2015', '2016', '2017', '2018', '2019', '2020', '2021'],
                axisTick: { //刻度线
                    show: false,
                },
                axisLine: { //轴线
                    show: true,
                    lineStyle: {
                        color: '#35404e',
                        width: 2,
                    },
                },
                axisLabel: { //轴标签
                    show: true,
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                splitLine: { //网格线
                    show: false,
                    lineStyle: {
                        color: '#33333333',
                        type: 'dashed'
                    },
                }
            },
            yAxis: {
                type: 'value',
                axisTick: { //刻度线
                    show: false,
                },
                axisLine: { //轴线
                    show: false,
                    lineStyle: {
                        color: '#35404e',
                        width: 2,
                    },
                },
                axisLabel: { //轴标签
                    show: true,
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                splitLine: { //网格线
                    show: false,
                    lineStyle: {
                        color: '#33333333',
                        type: 'dashed'
                    },
                }
            },
            series: [
                {
                    data: [800, 900, 1000, 1200, 1000, 800, 600],
                    // stack: '总量',
                    smooth: true,
                    symbol: "none",
                    type: 'line',
                    name: '国内',
                    areaStyle: {},
                    itemStyle: {

                    },
                    lineStyle: {},
                    emphasis: {
                        focus: 'series'
                    },
                    markPoint: {
                        data: [{
                            type: 'max',
                            name: '最大值',
                            symbolSize: 0,
                            label: {
                                show: false,
                                position: 'top',
                                color: '#00e6ff',
                                fontStyle: 'normal',
                                fontWeight: 'normal',
                                fontSize: '12',
                            }
                        },
                        {
                            type: 'min',
                            name: '最小值',
                            symbolSize: 0,
                            label: {
                                show: false,
                                position: 'top',
                                color: '#00e6ff',
                                fontStyle: 'normal',
                                fontWeight: 'normal',
                                fontSize: '12',
                            }
                        }
                        ]
                    },
                },
                {
                    data: [1200, 900, 1000, 1100, 1300, 1200, 2000],
                    // stack: '总量',
                    smooth: true,
                    symbol: "none",
                    type: 'line',
                    name: '国外',
                    areaStyle: {},
                    itemStyle: {

                    },
                    lineStyle: {},
                    emphasis: {
                        focus: 'series'
                    },
                    markPoint: {
                        data: [{
                            type: 'max',
                            name: '最大值',
                            symbolSize: 0,
                            label: {
                                show: false,
                                position: 'top',
                                color: '#00e6ff',
                                fontStyle: 'normal',
                                fontWeight: 'normal',
                                fontSize: '12',
                            }
                        },
                        {
                            type: 'min',
                            name: '最小值',
                            symbolSize: 0,
                            label: {
                                show: false,
                                position: 'top',
                                color: '#00e6ff',
                                fontStyle: 'normal',
                                fontWeight: 'normal',
                                fontSize: '12',
                            }
                        }
                        ]
                    },
                }
            ]
        }
    },

    {
        component: 'Areamap4',
        label: '面积图',
        icon: 'wenben',
        style: {
            width: 310,
            height: 200,
            'z-index': '1'
        },
        propValue: [],
        option: {
            legend: {
                data: ['类别1', '类别2'],
                icon: "circle",
                show: false,
                itemWidth: 10,
                itemheight: 10,
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                left: 'left',
                top: '38'
            },
            color: ['#ECF1FC', '#A4B7E3', '#6980CD', '#6363A2', '#559B85', '#C8D2B9'],
            tooltip: {
                trigger: 'axis',
                axisPointer: {
                    // 坐标轴指示器，坐标轴触发有效
                    type: 'shadow', // 默认为直线，可选为：'line' | 'shadow'
                },
            },
            title: [{
                text: '',
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '18',
                },
                left: 'left',
            }, {
                text: '',
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '14',
                },
                left: 'left',
                top: '20',
            }],
            grid: {
                left: '3%',
                right: '3%',
                bottom: '3%',
                top: '20',
                containLabel: true,
            },
            xAxis: {
                data: ['类别1', '类别2', '类别3', '类别4', '类别5'],
                axisTick: { //刻度线
                    show: false,
                },
                axisLine: { //轴线
                    show: true,
                    lineStyle: {
                        color: '#35404e',
                        width: 2,
                    },
                },
                axisLabel: { //轴标签
                    show: true,
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                splitLine: { //网格线
                    show: false,
                    lineStyle: {
                        color: '#33333333',
                        type: 'dashed'
                    },
                }
            },
            yAxis: {
                type: 'value',
                min: 0,
                max: 50,
                interval: 25,
                axisTick: { //刻度线
                    show: false,
                },
                axisLine: { //轴线
                    show: false,
                    lineStyle: {
                        color: '#35404e',
                        width: 2,
                    },
                },
                axisLabel: { //轴标签
                    show: true,
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                splitLine: { //网格线
                    show: false,
                    lineStyle: {
                        color: '#33333333',
                        type: 'dashed'
                    },
                }
            },
            series: [
                {
                    data: [50, 45, 25, 45, 50],
                    // stack: '总量',
                    smooth: true,
                    symbol: "none",
                    type: 'line',
                    name: '类别1',
                    areaStyle: {},
                    itemStyle: {

                    },
                    lineStyle: {},
                    emphasis: {
                        focus: 'series'
                    },
                    markPoint: {
                        data: [{
                            type: 'max',
                            name: '最大值',
                            symbolSize: 0,
                            label: {
                                show: false,
                                position: 'top',
                                color: '#00e6ff',
                                fontStyle: 'normal',
                                fontWeight: 'normal',
                                fontSize: '12',
                            }
                        },
                        {
                            type: 'min',
                            name: '最小值',
                            symbolSize: 0,
                            label: {
                                show: false,
                                position: 'top',
                                color: '#00e6ff',
                                fontStyle: 'normal',
                                fontWeight: 'normal',
                                fontSize: '12',
                            }
                        }
                        ]
                    },
                },
                {
                    data: [40, 35, 50, 28, 30],
                    // stack: '总量',
                    smooth: true,
                    symbol: "none",
                    type: 'line',
                    name: '类别2',
                    areaStyle: {},
                    itemStyle: {

                    },
                    lineStyle: {},
                    emphasis: {
                        focus: 'series'
                    },
                    markPoint: {
                        data: [{
                            type: 'max',
                            name: '最大值',
                            symbolSize: 0,
                            label: {
                                show: false,
                                position: 'top',
                                color: '#00e6ff',
                                fontStyle: 'normal',
                                fontWeight: 'normal',
                                fontSize: '12',
                            }
                        },
                        {
                            type: 'min',
                            name: '最小值',
                            symbolSize: 0,
                            label: {
                                show: false,
                                position: 'top',
                                color: '#00e6ff',
                                fontStyle: 'normal',
                                fontWeight: 'normal',
                                fontSize: '12',
                            }
                        }
                        ]
                    },
                }
            ]
        }
    },

    

    {
        component: 'Areamap5',
        label: '面积图',
        icon: 'wenben',
        style: {
            width: 310,
            height: 200,
            'z-index': '1'
        },
        propValue: [],
        option: {

            legend: {
                data: ['系列1', '系列2', '系列3'],
                icon: "circle",
                show: false,
                itemWidth: 10,
                itemheight: 10,
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                left: 'left',
                top: '38'
            },
            color: ['#7DA2EE', '#6A69F5', '#C565F5', '#FA7FFB', '#F2B5DE', '#ECDDE3'],
            tooltip: {
                trigger: 'axis',
                axisPointer: {
                    // 坐标轴指示器，坐标轴触发有效
                    type: 'shadow', // 默认为直线，可选为：'line' | 'shadow'
                },
            },
            title: [{
                text: '输入标题',
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '18',
                },
                left: 'left',
            }, {
                text: '',
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '14',
                },
                left: 'left',
                top: '20',
            }],
            grid: {
                left: '3%',
                right: '3%',
                bottom: '3%',
                top: '40',
                containLabel: true,
            },
            xAxis: {
                data: ['类型一', '类型二', '类型三', '类型四', '类型五'],
                axisTick: { //刻度线
                    show: false,
                },
                axisLine: { //轴线
                    show: true,
                    lineStyle: {
                        color: '#35404e',
                        width: 2,
                    },
                },
                axisLabel: { //轴标签
                    show: true,
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                splitLine: { //网格线
                    show: false,
                    lineStyle: {
                        color: '#33333333',
                        type: 'dashed'
                    },
                }
            },
            yAxis: {
                type: 'value',
                min:0,
                max:100,
                interval:50,
                axisTick: { //刻度线
                    show: false,
                },
                axisLine: { //轴线
                    show: false,
                    lineStyle: {
                        color: '#35404e',
                        width: 2,
                    },
                },
                axisLabel: { //轴标签
                    show: true,
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                splitLine: { //网格线
                    show: false,
                    lineStyle: {
                        color: '#33333333',
                        type: 'dashed'
                    },
                }
            },
            series: [
                {
                    data: [82, 20, 16, 82, 40],
                    type: 'line',
                    name: "系列1",
                    symbol: "none",
                    areaStyle: {

                    },
                    itemStyle: {

                    },
                    lineStyle:{},
                    markPoint: {
                        data: [{
                            type: 'max',
                            name: '最大值',
                            symbolSize: 0,
                            label: {
                                show: false,
                                position: 'top',
                                color: '#00e6ff',
                                fontStyle: 'normal',
                                fontWeight: 'normal',
                                fontSize: '12',
                            }
                        },
                        {
                            type: 'min',
                            name: '最小值',
                            symbolSize: 0,
                            label: {
                                show: false,
                                position: 'top',
                                color: '#00e6ff',
                                fontStyle: 'normal',
                                fontWeight: 'normal',
                                fontSize: '12',
                            }
                        }
                        ]
                    },
                },
                {
                    data: [45, 40, 95, 60, 70],
                    type: 'line',
                    name: "系列2",
                    symbol: "none",
                    areaStyle: {

                    },
                    itemStyle: {

                    },
                    lineStyle:{},
                    markPoint: {
                        data: [{
                            type: 'max',
                            name: '最大值',
                            symbolSize: 0,
                            label: {
                                show: false,
                                position: 'top',
                                color: '#00e6ff',
                                fontStyle: 'normal',
                                fontWeight: 'normal',
                                fontSize: '12',
                            }
                        },
                        {
                            type: 'min',
                            name: '最小值',
                            symbolSize: 0,
                            label: {
                                show: false,
                                position: 'top',
                                color: '#00e6ff',
                                fontStyle: 'normal',
                                fontWeight: 'normal',
                                fontSize: '12',
                            }
                        }
                        ]
                    },
                },
                {
                    data: [55,99,65,40,42],
                    type: 'line',
                    name: "系列3",
                    symbol: "none",
                    areaStyle: {

                    },
                    itemStyle: {

                    },
                    lineStyle:{},
                    markPoint: {
                        data: [{
                            type: 'max',
                            name: '最大值',
                            symbolSize: 0,
                            label: {
                                show: false,
                                position: 'top',
                                color: '#00e6ff',
                                fontStyle: 'normal',
                                fontWeight: 'normal',
                                fontSize: '12',
                            }
                        },
                        {
                            type: 'min',
                            name: '最小值',
                            symbolSize: 0,
                            label: {
                                show: false,
                                position: 'top',
                                color: '#00e6ff',
                                fontStyle: 'normal',
                                fontWeight: 'normal',
                                fontSize: '12',
                            }
                        }
                        ]
                    },
                }
            ]
        }
    },
]

export default list